import './App.css'
import { observer } from 'mobx-react-lite';
import CounterStore from './store/counter';
import React from 'react';

function App() {
  const counter = CounterStore; 

  return (
    <>
      <p>Count: {counter.count}</p>
      <p>Doubled Count: {counter.doubledCount}</p>
      <button onClick={() => counter.increment()}>Increment</button>
      <br />
      <br />
      <button onClick={() => counter.decrement()}>Decrement</button>
    </>
  )
}

export default observer(App)

